<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <style type="text/css" rel="stylesheet">
          @import url("../templates/search.css");
      </style>
  </head>
  <body>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

      <script type="text/javascript">
          function printSuggestions(string){
              $("#searchResults").load("../project/search.php", {SearchInput: string});
              $("#searchResults").slideDown();
          }
      </script>
      <table>
              <tr>
                  <td>
                      <form action="searchSong" id="searchForm">
                      <input type="text" id="searchBar" onkeyup="printSuggestions(this.value)"
                        placeholder="Search song..." />
                      </form>
                  </td>
              </tr>
              <tr>
                  <td>
                      <div id="searchResults"></div>
                  </td>
              </tr>
          </table>
  </body>
</html>
